<template>

	<view class="container-mine">

		<view class="bgImg">
			<view class="position-ab">
				<!-- <view class="navbar">
      <navbar ref="navbar" :config="config">
        <template slot="right">
          <view class="">
            <text class="iconfont" style="font-size: 44rpx;margin-right: 22rpx;color: #808080;"
              @click="goToMsg()">&#xe66d;<text v-if="myMsg==0?false:myMsg"
                style="min-width:40rpx;text-align:center;font-size: 20rpx; color: #FFFFFF;font-weight: 400;padding: 0 6rpx;background-color: #FF0000; border-radius: 13rpx; position: absolute;left: -20rpx; top: 10rpx;">{{myMsg}}</text>
            </text>
            <text class="iconfont" style="font-size: 44rpx;margin-right: 30rpx;color: #808080;"
              @click="goToEdit">&#xe60c;</text>
          </view>
        </template>
      </navbar>
    </view> -->
				<!-- <顶部> -->

				<view class="backImage" :style="'background-image: url('+imgUrl+'/personal/myTopBack.png' + ')'">
					<!-- :class="isLogin ? 'top' : 'unTop'" -->
					<view class="topLayout" :style="'height:' + sticky + 'px;padding-top:'+statusBarHeight +'px;'">
						<view class="head-login u-FFF">''
							<!-- <view class="nav" :style="Style">
					<text @click="goToMsg()" v-if="isLogin">
						<image src="https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/message.png"
							style="width: 50rpx;height: 50rpx;display: flex;align-items: flex-end;"></image>
						<text v-if="myMsg==0?false:myMsg"
							style="width:35rpx;height: 35rpx;text-align:center;font-size: 24rpx; color: #FF721B;font-weight: 400;padding: 0 6rpx;background-color: #ffffff; border-radius: 50%; position: absolute;right: 13%; top: 26rpx;">{{myMsg}}</text>
					</text>
					<text @click="goToMsg()" v-else>
						<image src="https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/isMessage.png"
							style="width: 50rpx;height: 50rpx;display: flex;align-items: flex-end;"></image>
						<text v-if="myMsg==0?false:myMsg"
							style="width:35rpx;height: 35rpx;text-align:center;font-size: 24rpx; color: #ffffff;font-weight: 400;padding: 0 6rpx;background-color: #FF1400; border-radius: 50%; position: absolute;right: 13%; top: 26rpx;">{{myMsg}}</text>
					</text>
					<image v-if="!isLogin"
						src="https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/personal/isLoginSetUp.png"
						style="width: 50rpx;height: 50rpx;margin-right: 30rpx;" @click="goToEdit"></image>
				</view> -->
							<view class="login" v-if="isLogin==false">
								<!-- <image class="image" :src="imgUrl+'/head-on.png'" mode="aspectFill" @click="goToLogin"></image> -->
								<image
									:src=" userInformation.head_photo ? userInformation.head_photo : imgUrl+'/head-on.png'"
									mode="aspectFill" @click="goToEdit" class="headImage"
									style="width:77rpx;height: 77rpx;">
								</image>
								<view class="nameView" @click="goToLogin">
									<text>登录</text><text>/</text><text>注册</text><text class="iconfont right"
										style="font-weight: bold;">&#xe6c7;</text>
								</view>
							</view>
							<view class="login" v-else>
								<image
									:src=" userInformation.head_photo ? userInformation.head_photo : imgUrl+'/head-on.png'"
									mode="aspectFill" @click="goToEdit" class="headImage"
									style="width:77rpx;height: 77rpx;">
								</image>
								<view class="messageView">
									<view class="messageViewText">
										{{userInformation.real_name || userInformation.mobile_desensitized}}
									</view>
									<view v-if="!userInformation.auth_success" @click="goAuthentication()">
										<!-- <text class="tip">去认证</text>
							<text class="iconfont">&#xe6c7;</text> -->

										<image :src="imgUrl+'/personal/goCertfied.png'" class="certified"></image>
									</view>
									<view v-else>
										<!-- <text class="tip">去认证</text>
							<text class="iconfont">&#xe6c7;</text> -->
										<image :src="imgUrl+'/personal/certified.png'" class="certified"></image>
									</view>
									<!-- <image
							src="https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/personal/nameIcon.png"
							style="width: 40rpx;height: 40rpx;margin-left: 10rpx;"></image> -->

									<!-- 		<text class="iconfont3"
							:style="{'color':  userInformation.auth_success ? '#3775F6' : '#808080','font-size': '38rpx','margin-left':'12rpx'}">&#xe62d;</text> -->
								</view>


							</view>
						</view>
					</view>



					<view class="other my-wallet" style="margin-top: 110px;">
						<view class="wallet-left">
							<view class="wallet-left-title"
								:style="'background-image: url('+imgUrl+'/personal/smallBack.png' + ')'">
								<view class="wallet-left-title-top">
									<image :src="imgUrl+'/personal/smallOne.png'" class="wallet-left-icon"></image>
									<text class="wallet-left-title-size">消费额</text>
								</view>
								<view class="wallet-nums">
									<text
										class="wallet-num">{{ $addDecimals(userInformation.balance , 2) | integer }}.</text>
									<text
										class="wallet-numOther">{{ $addDecimals(userInformation.balance , 2) | decimals }}</text>
								</view>
								<view style="margin-bottom: 8px ;" class="wallet-look"
									@click.stop="goSublevelPage('/pages/user/balance-detail')">
									点击查看
								</view>

							</view>
							<view class="wallet-left-title"
								:style="'background-image: url('+imgUrl+'/personal/smallBack.png' + ')'">
								<view class="wallet-left-title-top">
									<image :src="imgUrl+'/personal/smallTwo.png'" class="wallet-left-icon"></image>
									<text class="wallet-left-title-size">兑换券</text>
								</view>
								<view class="wallet-nums">
									<text
										class="wallet-num">{{ $addDecimals(userInformation.voucher , 2) | integer }}.</text>
									<text
										class="wallet-numOther">{{ $addDecimals(userInformation.voucher , 2) | decimals }}</text>
								</view>
								<view class="wallet-look" @click.stop="goSublevelPage('/pages/user/voucher-detail')">
									点击查看
								</view>

							</view>

						</view>
					</view>

					<view class="infoView" @click="indexNew">
						<view class="infoView-left">
							<image :src="imgUrl+'/personal/infoIcon.png'" class="infoIcon"></image>
							<view class="title">数字经济产业峰会圆满闭幕！</view>
						</view>
						<view class="right">
							<image :src="imgUrl+'/personal/dian.png'" class="dian"></image>
							<view class="more">更多</view>
						</view>
					</view>

				</view>




				<view class="myAsset">
					<view class="other-top">
						<view class="left">
							<!-- <image
								src="https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/personal/property.png"
								style="width: 40rpx;height: 42rpx;margin-right: 10rpx;"></image> -->
							我的资产
						</view>
						<!-- <view class="right" v-if="openProxy == true"
							@click.stop="goSublevelPage('/pages/user/Integral-transferred')">
							积分转赠
							
							<image :src="imgUrl+'/personal/huiRight.png'" class="huiRight"></image>
						</view> -->
					</view>
					<!-- justify-content: space-around; -->
					<view class="option property">
						<view class="property-item">
							<view class="property-num">
								<!-- <text class="num-min" style="font-size: 24rpx;">￥</text> -->
								<text
									class="num-max">{{ $addDecimals(userInformation.commission_able , 2) | integer }}.</text>
								<text
									class="num-min">{{ $addDecimals(userInformation.commission_able , 2) | decimals }}</text>
							</view>
							<view class="property-text" @click.stop="goSublevelPage('/pages/user/consume-val')">
								<text>贡献值余额</text>
								<image :src="imgUrl+'/personal/huiRight.png'" class="huiRightXin"></image>
							</view>

						</view>
						<view class="property-item">
							<view class="property-num">
								<text
									class="num-max">{{ $addDecimals(userInformation.integral_able , 8) | integer }}.</text>
								<text
									class="num-min">{{ $addDecimals(userInformation.integral_able , 8) | decimals }}</text>
							</view>
							<view class="property-text" @click.stop="goSublevelPage('/pages/user/integrateBalance')">
								<text>积分余额</text>
								<image :src="imgUrl+'/personal/huiRight.png'" class="huiRightXin"></image>
							</view>
						</view>
					</view>
				</view>

				<!-- 事业 -->
				<view class="career" v-if="platform == 'android' || (platform == 'ios' && openProxy == true)">
					<view class="label">
						<!-- <text class="iconfont3 career-icon">&#xe649;</text> -->
						<text>我的事业</text>
						<text @click="careerIndex">查看详情<image :src="imgUrl+'/personal/huiRight.png'"
								class="huiRightXin"></image></text>
					</view>
					<view class="bottomFlex">
						<view class="left">
							<view class="status">
								状态：<text>{{ careerInfo.activating ? '激活' : '未激活'}}</text>
							</view>
							<template v-if="careerInfo.activating">
								<view class="jihuo" v-if="careerInfo.no_activating_day_num > 0">
									<image :src="imgUrl+'/personal/warning.png'" class="warning"></image>
									温馨提示：激活状态还差{{careerInfo.no_activating_day_num}}天到期
								</view>
								<!-- 						<view class="tip" v-if="careerInfo.no_activating_day_num == 0">
									温馨提示：激活状态即将到期，请复购商品延期
								</view> -->
							</template>
							<template v-else>
								<view class="jihuo">
									<image :src="imgUrl+'/personal/warning.png'" class="warning"></image>
									温馨提示：请在惠选区消费产品激活
								</view>
							</template>
						</view>
						<!-- <view class="look-career" @click="tabPage('/pages/career/index', true)">点击查看</view> -->
					</view>
				</view>

				<view class="orderClass">
					<view class="label" @click="affiliateMerchantOrderList">
						<!-- <text class="iconfont3 career-icon">&#xe649;</text> -->
						<text>联盟商家订单</text>
						<text>全部订单<image :src="imgUrl+'/personal/huiRight.png'" class="huiRightXin"></image>
						</text>
					</view>


					<view class="label-num">
						<view class="label-num-item">
							<view>{{affiliateMerchantOrderInfo.order_num || 0}}</view>
							<view>订单数</view>
						</view>

						<view class="label-num-item">
							<view>{{affiliateMerchantOrderInfo.sale_money_total || 0}}</view>
							<view>消费金额(¥)</view>
						</view>
						<view class="label-num-item">
							<view>{{affiliateMerchantOrderInfo.discount_money_total || 0}}</view>
							<view>打赏金额(¥)</view>
						</view>

					</view>



				</view>

				<view class="myOrder">
					<view class="label">
						<!-- <text class="iconfont3 career-icon">&#xe649;</text> -->
						<text>商品订单</text>
						<text @click="linkOrderList(-1)">全部订单<image :src="imgUrl+'/personal/huiRight.png'"
								class="huiRightXin"></image>
						</text>
					</view>
					<view class="label-view">
						<view class="label-view-item" @click="linkOrderList(0)">
							<view class="anglenum" v-if="generalOrder.waitPayNum=='0'?false:generalOrder.waitPayNum">
							   {{generalOrder.waitPayNum}}
							 </view>
							<image :src="imgUrl+'/personal/orderOne.png'"></image>
							<view style="font-size: 23rpx;">待付款</view>
						</view>
						<view class="label-view-item" @click="linkOrderList(1)">
							<view class="anglenum" v-if="generalOrder.waitShipNum=='0'?false:generalOrder.waitShipNum">
							  {{generalOrder.waitShipNum}}
							</view>
							<image :src="imgUrl+'/personal/orderTwo.png'"></image>
							<view style="font-size: 23rpx;">待发货</view>
						</view>
						<view class="label-view-item" @click="linkOrderList(3)">
							<view class="anglenum" v-if="generalOrder.waitReceivingNum=='0'?false:generalOrder.waitReceivingNum">
							  {{generalOrder.waitReceivingNum}}
							</view>
							<image :src="imgUrl+'/personal/orderThree.png'"></image>
							<view style="font-size: 23rpx;">待收货</view>
						</view>
						<view class="label-view-item" @click="linkOrderList(5)">
							<view class="anglenum" v-if="generalOrder.waitCommentNum=='0'?false:generalOrder.waitCommentNum">
							  {{generalOrder.waitCommentNum}}
							</view>
							<image :src="imgUrl+'/personal/orderFour.png'"></image>
							<view style="font-size: 23rpx;">待评价</view>
						</view>
						<view class="label-view-item" @click="linkOrderList(6)">
							<image :src="imgUrl+'/personal/orderFive.png'"></image>
							<view style="font-size: 23rpx;">退换/售后</view>
						</view>
					</view>


				</view>





				<view class="other backFff" style="margin-bottom: 19rpx;">
					<view class="label">
						<!-- <text class="iconfont3 career-icon">&#xe649;</text> -->
						<text>常用功能</text>

					</view>

					<view class="listView" style="margin-top: 27rpx;">

						<!-- <view class="option"> -->
						<view class="list" @click.stop="goSublevelPage('/pages/order/gbOrder/gbOrderList')">
							<!-- :src="imgUrl+'/personal/toolOne.png'" -->
							<image src="@/static/image/personal/toolOne.png" class="my-icon"></image>
							<view class="name-one" >我的拼团</view>
						</view>
						<view class="list" @click="goSublevelPage('/pages/user/address/addressList')">
							<image src="@/static/image/personal/toolTwo.png" class="my-icon"></image>
							<view class="name-one" >收货地址</view>
						</view>
						<view class="list" @click="goSublevelPage('/pages/research/setup/edit')">
							<image src="@/static/image/personal/toolThree.png" class="my-icon"></image>
							<view class="name-one" >个人信息</view>
						</view>

						<view class="list" @click="goSublevelPage('/pages/user/bank/bankList')">
							<image src="@/static/image/personal/toolFour.png" class="my-icon"></image>
							<view class="name-one" >银行卡</view>
						</view>

						<view class="list" @click="goSublevelPage('/pages/research/community/collection')">
							<image src="@/static/image/personal/toolFive.png" class="my-icon"></image>
							<view class="name-one" >我的收藏</view>
						</view>
						</view>
						<view class="listView" style="margin-top: 38rpx;">
						<!-- </view> -->
						<!-- <view class="option"> -->
						<view class="list" v-if="platform == 'android' || (platform == 'ios' && openProxy == true)"
							@click="goSublevelPage('/pages/user/regional-agency/index')">
							<image src="@/static/image/personal/toolSix.png" class="my-icon"></image>
							<view class="name-one" >区域代理</view>
						</view>
						<view class="list" @click="goToRegisterAndAudit()">
							<image class="my-icon" src="@/static/image/personal/toolSeven.png" mode="aspectFit"></image>
							<view class="name-one" >商家入驻</view>
						</view>
						
						<view class="list" @click="scanCode()">
							<image src="@/static/image/personal/toolFour.png" class="my-icon"></image>
							<view class="name-one" >扫一扫</view>
						</view>
						
						<!-- <view class="list" @click="goPhone()">
							<image src="@/static/image/personal/toolEight.png" class="my-icon"></image>
							<view class="name-one" >在线客服</view>
						</view> -->

						<view class="list" @click="goToMsg()" style="position: relative;">
							<image src="@/static/image/personal/message.png" class="my-icon"></image>
							<view class="name-one" >我的消息</view>

							<view class="numValue" v-if="msgCenter==0?false:msgCenter" style="position: absolute;top: 0;right: 0;">
								{{msgCenter > 99 ? '99+' : msgCenter}}
							</view>
						</view>
						<view class="list" @click="goTocommonproblem()">
							<image src="@/static/image/personal/toolNight.png" class="my-icon"></image>
							<view class="name-one" style="font-size: 23rpx;">常见问题</view>
						</view>

						<!-- <view class="list" @click="goToEdit">
							<image :src="imgUrl+'/personal/toolTen.png'" class="my-icon"></image>
							<view class="name-one" style="font-size: 23rpx;">设置</view>
						</view> -->

						<!-- </view> -->

						<!-- <view class="option"> -->

						<!-- </view> -->
						<!-- <view class="listView" style="margin-top: 38rpx;padding-bottom: 38rpx;"> -->
							<view class="list" @click="imMessages()">
								<image class="my-icon"
									src="https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/personal/tool7.png"
									mode="aspectFit"></image>
								<view class="name-one">客服消息</view>
							</view>
						<!-- </view> -->
					</view>
					
				</view>

				<view class="other tools" v-if="shopInfo.union_business">
					<view class="other-top">
						<view class="left">
							工作台
						</view>
					</view>
					<view class="option">
						<view class="list" @click.stop="goWorkTablePage('/pages/workbench/shop/index')">
							<image class="my-icon"
								src="https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/personal/shop-icon.png"
								mode="aspectFit"></image>
							<view class="name-one">店铺管理</view>
						</view>
						<view class="list" @click="goWorkTablePage('/pages/workbench/goods/index')">
							<image class="my-icon"
								src="https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/personal/goods-icon.png"
								mode="aspectFit">
							</image>
							<view class="name-one">商品管理</view>
						</view>
						<view class="list" @click="goWorkTablePage('/pages/workbench/order/index')">
							<image class="my-icon"
								src="https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/personal/order-icon.png"
								mode="aspectFit">
							</image>
							<view class="name-one">订单上报</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- <entrepreneurship-zone-tabbar :current="4"></entrepreneurship-zone-tabbar> -->
	</view>
	</view>


</template>

<!-- grade: 0 普通会员 ， 1：店长 -->
<!-- activating： 是否激活 -->
<!-- auth_success: 是否认证 -->
<!-- balance：余额 -->
<!-- commission_able： 贡献值 -->
<!-- integral_able： 积分值 -->
<script>
	import {
		getAccountInfo
	} from "@/api/login.js"
	import {
		myStatistics,
		unreadNum
	} from "@/api/userInfo.js"
	let app = getApp()
	export default {
		data() {
			return {
				statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
				sticky: uni.getSystemInfoSync().statusBarHeight + 60,
				affiliateMerchantOrderInfo: {},
				msgCenter: null,
				//服务订单数量
				generalOrder: {
					waitPayNum: "0", //待支付数量
					waitCommentNum: "0", //待评论数量
					waitUseNum: "0", //待使用数量
					waitShipNum: "0", //待发货数量
					waitReceivingNum: "0" //待收货数量
				},
				//手机状态栏高度
				statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
				config: {
					back: false, //false是tolbar页面 是则不写
					title: '个人中心',
					color: '#000',
					//背景颜色;参数一：透明度（0-1）;参数二：背景颜色（array则为线性渐变，string为单色背景）
					// backgroundColor: [0, '#2cba28'],
					rightSlot: true,
				},
				imgUrl: this.$mConfig.staticUrl,
				//微信小程序用户信息
				userInfo: {
					head_photo: "",
					nickname: "登录/注册"
				},
				hiddenLink: true,
				loginNo: false, //判断显示邀请码
				storage: true,
				isLogin: false, //判断是否登录
				userInformation: {}, //用户信息
				myCommunity: {}, //我的社区
				myMsg: null,
				orderTypeList: [{
					text: '商品订单',
					value: 0
				}],
				ispay: app.globalData.openPay,
				numObj: {},
				//value对应订单列表接口的area_feature参数。传0或不传是排除了申购的订单列表（商品订单），传3是申购订单列表
				isSign: false, // 是否签到
				shopInfo: {},
				openProxy: false, // 是否开启区域代理
				platform: 'android',
				careerInfo: {},
				orderTypeIndex: 0,
			}
		},
		created() {
			let userInfo = uni.getStorageSync("token")
			let shop = uni.getStorageSync("shop")
		},
		computed: {
			Style() {
				let navHeight = ''
				navHeight = this.statusBarHeight + 44
				return `height:${navHeight}px`;
			}
		},
		onPageScroll(e) {
			let maxHeight = uni.upx2px(300);
			if (e.scrollTop > maxHeight) {
				// this.$set(this.config, 'backgroundColor', [1, '#2cba28']);
			} else {
				// this.$set(this.config, 'backgroundColor', [e.scrollTop / maxHeight.toFixed(1), '#2cba28']);
			}
			this.$refs.navbar.init();
		},
		//清空数据
		//显示弹出框
		async onShow() {
			var that = this
			let token = uni.getStorageSync('token')
			let shop = uni.getStorageSync("shop")
			this.isOpenProxy()
			this.platform = uni.getSystemInfoSync().platform;
			// let personal = uni.getStorageSync("personal")
			await this.judgeLogin().then(res => {
					// console.log('this.judgeLogin = res', res)
				})
				.catch(err => {
					/**
					 * @description 重置数据
					 */
					this.isLogin = false;
					this.userInformation = {}; //用户信息


					this.isSign = false;
				})
			// let getWxUserInfo = uni.getStorageSync("wxUserInfo")
			// if(getWxUserInfo !=''){
			// 	that.userInfo = JSON.parse(getWxUserInfo)
			// }

			// if (this.isLogin) {
			// 	if (token) {
			// 		this.hiddenLink = false
			// 		this.loginNo = true
			// 		this.getuserInfo()
			// 	}
			// 	await this.getMyStatistics()

			// 获取信息条数
			await this.getUnreadNum()
			await this.getcareerInfo()
			await this.getAffiliateMerchantOrder()
			// await this.getTestMethod()

			// 	this.$forceUpdate();
			// }
			await this.getmessageNum();
			await this.getGeneralOrderCount()

		},
		onPullDownRefresh() {
			let token = uni.getStorageSync("token")
			this.isOpenProxy()
			if (!token) {
				uni.stopPullDownRefresh();
			} else {
				this.getAll()
			}

		},
		methods: {
			// 获取联盟商家订单统计信息
			getAffiliateMerchantOrder() {
				this.$http.get('/offlineorder/mycount').then(res => {
					if (res.code == 200) {
						this.affiliateMerchantOrderInfo = res.data
					}
				})
			},
			/**获得消息数量 */
			getmessageNum() {
				let token = uni.getStorageSync("token");
				if (token) {
					this.$http.get("/private/message/unread-num").then((res) => {
						if (res && res.code == 200) {
							this.msgCenter = res.data;
						}
					});
				} else {
					this.msgCenter = 0;
				}
			},
			//获取普通订单统计
			getGeneralOrderCount() {
				this.$http.get(this.orderTypeIndex == 0 ? '/order/general-order-count' : '/order/apply-order-count', {})
					.then(async res => {
						if (res && res.code == 200) {
							if (res.data) {
								this.generalOrder.waitPayNum = res.data.wait_pay_num //待支付
								this.generalOrder.waitCommentNum = res.data.wait_comment_num //待评论
								this.generalOrder.waitUseNum = res.data.wait_use_num //待使用
								this.generalOrder.waitReceivingNum = res.data.wait_receiving_num //待收货
								this.generalOrder.waitShipNum = res.data.wait_ship_num //待发货
							}
						}
					})
			},

			//跳到订单列表
			linkOrderList(k) {
				let token = uni.getStorageSync('token')
				//判断是否微信授权登录（没有授权登录进wx-login,授权了但没有注册进login）
				if (!token) {
					uni.navigateTo({
						url: "../research/register/login"
					})
				} else if (token) {
					console.log("123")
					// this.hiddenLink = false
					uni.navigateTo({
						url: `/pages/order/orderList/orderList?keys=${k}&orderType=${this.orderTypeList[this.orderTypeIndex].value}`
					})
				}
			},
			// 获取店铺信息
			getShopInfo() {
				this.$http.get('/yxt/shop/my-shop', {
					union_business: true
				}).then(res => {
					if (res.code == 200 && res.data) {
						this.shopInfo = res.data
						uni.setStorageSync("userId", res.data.id)
						// 存储数据
					} else {
						this.shopInfo.union_business = false
					}
				})
			},
			isOpenProxy() {
				this.$http.get('/saleconfig/openPayment').then(res => {
					if (res && res.code == 200) {
						this.openProxy = res.openPayment;
					}
				});
			}, // 上部切换
			topDataChange(e) {
				let token = uni.getStorageSync("token")
				if (!token) {
					uni.navigateTo({
						url: "../research/register/login"
					})
					return;
				}
				if (e.title == '我的爱心' || e.title == '今日爱心') {
					// 跳转 我的爱心
					uni.navigateTo({
						url: "/pages/research/myLove/index"
					})
				} else if (e.title == '公益积分') {
					// 跳转 我的公益积分
					uni.navigateTo({
						url: "/pages/research/myPublicWelfare/index"
					})
				} else if (e.title == '优惠券') {
					uni.navigateTo({
						url: "/pages/couponCenter/index?isMyCoupon=true"
					})
				}
			},
			toolClick(funName) {
				if (!funName) {
					uni.showToast({
						icon: 'none',
						title: '暂无功能'
					})
					return false;
				}
				this[funName]();
			},
			rest() {
				this.userInformation = {}
				this.myCommunity = {}
			},
			async getAll() {
				this.rest() //清空消息
				await this.judgeLogin() //判断是否登录
				if (this.isLogin) {
					// await this.getUnreadNum()	//未读消息
					await this.getMyStatistics() //登录消息
					await this.getuserInfo() //用户消息
					this.$forceUpdate();
				}
			},
			indexNew() {
				uni.navigateTo({
					url: "/pages/index/news"
				})
			},
			goaAdress() {
				let token = uni.getStorageSync("token")
				if (!token) {
					uni.navigateTo({
						url: "../research/register/login"
					})
					return;
				}
				uni.navigateTo({
					url: '/pages/user/address/addressList'
				})
			},
			goUnserInfo() {
				let token = uni.getStorageSync("token")
				if (!token) {
					uni.navigateTo({
						url: "../research/register/login"
					})
					return;
				}
				uni.navigateTo({
					url: '/pages/research/setup/edit'
				})
			},
			//获取未读消息
			getUnreadNum() {
				this.$http.get(unreadNum).then(res => {
					uni.stopPullDownRefresh();
					if (res && res.code == 200) {
						this.myMsg = res.data
					} else {
						this.myMsg = 0
					}
				}).catch(err => {
					this.myMsg = 0
				})
			},
			//跳转我的消息
			goToMsg() {
				let token = uni.getStorageSync("token")
				if (!token) {
					uni.navigateTo({
						url: "../research/register/login"
					})
					return;
				}
				uni.navigateTo({
					url: "../research/setup/myMsg"
				})
			},
			//前往我的二维码
			jumpcode() {
				uni.navigateTo({
					url: "../user/invitationCode/invitationCode"
				})
			},
			//前往我的钱包
			goToMyWallet() {
				let token = uni.getStorageSync("token")
				if (!token) {
					uni.navigateTo({
						url: "../research/register/login"
					})
				} else {
					uni.navigateTo({
						url: "../user/wallet/myWallet"
					})
				}

			},
			//前往我的积分
			goToMyPoints() {

				let token = uni.getStorageSync("token")
				if (!token) {
					uni.navigateTo({
						url: "../research/register/login"
					})
				} else {
					uni.navigateTo({
						url: "../research/community/mypoints"
					})
				}
			},
			getMyStatistics() {
				//获取主页数据
				this.$http.get(myStatistics)
					.then(res => {
						uni.stopPullDownRefresh();
						if (res && res.code == 200) {
							this.myCommunity = res.data
						}
					})
			},
			//判断是否登录
			async judgeLogin() {
				let shop = uni.getStorageSync("shop")
				// if (shop) {
				await this.$http.get(getAccountInfo).then(res => {
					uni.stopPullDownRefresh();
					if (res && res.code == 200) {
						this.isLogin = true
						this.userInformation = res.data;
						if (this.userInformation.voucher == null) {
							this.userInformation.voucher = 0
						}
						this.isSign = res.data.sign_in;
						uni.setStorageSync("personal", res.data)
						this.getShopInfo()

					} else {
						this.isLogin = false
					}
				})
				// } else {
				//   this.isLogin = false
				// }

			},
			careerIndex() {
				console.log("this.careerInfo.id", this.careerInfo)
				uni.navigateTo({
					url: "/pages/career/index?userId=" + this.careerInfo.id
				})
			},
			//跳转成为商家
			goToRegisterAndAudit() {
				let token = uni.getStorageSync("token")
				if (!token) {
					uni.navigateTo({
						url: "../research/register/login"
					})
				} else {
					uni.navigateTo({
						url: "/pages/user/merchant/settleIn"
					})
					// this.$http.get("/yxt/shopapply/shopApplyInfo").then(res => {
					//   if (res && res.code == 200) {
					//     if (res.data == null) {
					//       uni.navigateTo({
					//         url: "/pages/user/merchant/settleIn"
					//         // url: "../user/merchant/registerAndAudit"
					//       })
					//     } else {
					//       if (res.data.audit_status == 2) {
					//         uni.navigateTo({
					//           url: "/pages/user/merchant/settleIn"
					//         })
					//       } else {
					//         uni.navigateTo({
					//           url: "../user/merchant/audit"
					//         })
					//       }
					//     }
					//   }
					// })
					// 	let personal = uni.getStorageSync("personal")
					// 	let isShop = personal.is_shop
					// 	if(isShop==true){
					// 	uni.navigateTo({
					// 	url:"../research/setup/toBusiness"
					// })}else{
					// 		uni.navigateTo({
					// 		url:"../user/merchant/registerAndAudit"
					// 	})
					// 	}
				}
			},
			//成为网红
			goTobecomeANerStar() {
				let token = uni.getStorageSync("token")
				if (!token) {
					uni.navigateTo({
						url: "../research/register/login"
					})
				} else {
					//获取申请信息
					this.$http.get("/celebrity/info").then(res => {
						if (res && res.code == 200) {
							if (res.data !== null) {
								uni.navigateTo({
									// url:"./toExamine"
									url: "../research/setup/toExamine"
								})
							} else {
								uni.navigateTo({
									url: "../research/setup/becomeANetStar"
								})
							}

						}
					})
				}



			},
			//常见问题
			goTocommonproblem() {
				uni.navigateTo({
					url: "../research/community/commonproblem"
				})
			},
			// 客服消息
			imMessages() {
				// 客服消息列表
				if (this.isLogin) {
					uni.navigateTo({
						url: "/pages/conversation/index",
					});
				} else {
					this.$mUtil.toast("请先登录")
				}
			},
			// 跳转联盟商家列表
			affiliateMerchantOrderList() {
				console.log("123")
				uni.navigateTo({
					url: '/pages/workbench/order/coalitionList'

				})
			},

			//跳转我的收藏

			goToCollection() {
				let token = uni.getStorageSync("token")
				if (!token) {
					uni.navigateTo({
						url: "../research/register/login"
					})
				} else {
					uni.navigateTo({
						url: "/pages/research/community/collection"
					})
				}
			},
			// 区域代理
			goAreaAgency() {
				uni.navigateTo({
					url: '/pages/user/regional-agency/index'
				})
			},
			goMerchantCheck() {
				uni.showToast({
					title: "商家入住",
					icon: 'none'
				})
			},
			//跳转我的银行卡
			goToBankCardList() {
				let token = uni.getStorageSync("token")
				if (!token) {

					uni.navigateTo({
						url: "../research/register/login"
					})
				} else {
					uni.navigateTo({
						url: "../user/bankCard/bankCardList"
					})
				}

			},

			//跳转分销中心
			goToDistributionCentre() {
				let token = uni.getStorageSync("token")
				if (!token) {
					uni.navigateTo({
						url: "../research/register/login"
					})
				} else {
					uni.navigateTo({
						url: "../user/distribution/distributionCentre"
					})
				}
			},
			scanCode() {
			     // 允许从相机和相册扫码
			     uni.scanCode({
			         success: function (res) {
			             console.log('条码类型：' + res.scanType);
			             console.log('条码内容：' + res.result);
						 console.log(res);
						 uni.navigateTo({
						 	url: res.result
						 })
			         }
			     });
			},
			// 跳转子级页面
			goSublevelPage(page) {
				if (this.isLogin) {
					uni.navigateTo({
						url: page
					})
				} else {
					this.$mUtil.toast("请先登录")
				}
			},
			//跳转我的拼团
			goToGbOrderList() {
				let token = uni.getStorageSync('token')
				if (!token) {
					uni.navigateTo({
						url: "../research/register/login"
					})
				} else {
					uni.navigateTo({
						url: "../order/gbOrder/gbOrderList"
					})
				}

			},
			//跳转我的评论
			goToMyComment() {
				let token = uni.getStorageSync('token')
				if (!token) {
					uni.navigateTo({
						url: "../research/register/login"
					})
				} else {
					uni.navigateTo({
						url: "../research/community/mycomment?user_id=" + this.userInfo.id
					})
				}

			},
			//跳转我的点赞
			goToMyFabulous() {
				let token = uni.getStorageSync('token')
				if (!token) {
					uni.navigateTo({
						url: "../research/register/login"
					})
				} else {
					uni.navigateTo({
						url: "../research/community/myfabulous?user_id=" + this.userInfo.id
					})
				}

			},
			//跳转我的关注
			goToMyFollow() {
				let token = uni.getStorageSync('token')
				if (!token) {
					uni.navigateTo({
						url: "../research/register/login"
					})
				} else {
					uni.navigateTo({
						url: "../research/community/myfollow?user_id=" + this.userInfo.id
					})
				}

			},
			//跳转我的发布
			goToMyRelease() {
				let token = uni.getStorageSync('token')
				if (!token) {
					uni.navigateTo({
						url: "../research/register/login"
					})
				} else {
					uni.navigateTo({
						url: "../research/community/myrelease?user_id=" + this.userInfo.id
					})
				}

			},
			//跳转我的主页
			goToHomepage() {
				let token = uni.getStorageSync('token')
				if (!token) {
					uni.navigateTo({
						url: "../research/register/login"
					})
				} else {
					let id = this.userInfo.id
					uni.navigateTo({
						url: "../research/community/homepage?user_id=" + id
					})

				}
			},

			//跳转订单列表
			goToEdit() {
				let token = uni.getStorageSync('token')
				if (!token) {
					uni.navigateTo({
						url: "../research/register/login"
					})
				} else if (token) {
					uni.navigateTo({
						url: "../research/setup/management"
					})
				}

			},


			//跳转我的粉丝
			gotoFans() {
				let token = uni.getStorageSync('token')
				if (!token) {
					uni.navigateTo({
						url: "../research/register/login"
					})
				} else {
					uni.navigateTo({
						url: "../research/community/myfans?user_id=" + this.userInfo.id
					})
				}

			},
			//跳转注册
			goToRegister() {
				uni.navigateTo({
					url: "../research/register/register"
				})
			},
			//跳转登录
			goToLogin() {
				uni.navigateTo({
					url: "../research/register/login"
				})
			},
			// 实名认证
			goAuthentication() {
				uni.navigateTo({
					url: "/pages/user/authentication"
				})
			},

			getuserInfo() {
				let shop = uni.getStorageSync('shop')
				this.$http.get('/account/getAccountInfo/' + shop.id).then(async res => {
					uni.stopPullDownRefresh();
					if (res && res.code == 200) {
						this.userInfo = res.data
					}
				})
			},
			//跳到登录页面
			// goLogin(url){
			// let token = uni.getStorageSync('token')
			// //判断是否微信授权登录（没有授权登录进wx-login,授权了但没有注册进login）
			// if(!token){
			// 	uni.navigateTo({
			// 		url:"./wx-login"
			// 	})
			// }else if(token){
			// 	this.hiddenLink =false
			// 	uni.navigateTo({
			// 		url:url
			// 	})
			// }
			// },
			//跳到商家页
			goMerchant() {
				let token = uni.getStorageSync('token')
				//判断是否微信授权登录（没有授权登录进wx-login,授权了但没有注册进login）
				if (!token) {
					uni.navigateTo({
						url: "./wx-login"
					})
				} else if (token) {
					this.hiddenLink = false
					this.$http.get('/yxt/shopapply/shopApplyInfo', {}).then(async res => {
						if (res && res.code == 200) {
							if (!res.data) {
								uni.navigateTo({
									url: "../user/merchant/registerAndAudit"
								})
							} else {
								uni.navigateTo({
									url: '../user/merchant/audit'
								})
							}
						}
					})
				}
			},
			//我的消息
			goToMsg() {
				let token = uni.getStorageSync("token");
				if (!token) {
					uni.navigateTo({
						url: "/pages/research/register/login",
					});
				} else {
					uni.navigateTo({
						url: "/pages/research/setup/myMsg",
					});
				}
			},



			//跳到拼团订单
			goGbOrder() {
				uni.navigateTo({
					url: "../order/gbOrder/gbOrderList"
				})
			},
			//常见问题
			goFaq() {
				uni.navigateTo({
					url: "../user/faq"
				})
			},
			//联系客服
			goPhone() {
				this.$http.get('/system/info/info', {}).then(res => {
					if (res && res.code == 200) {
						if (res.data.hotline) {
							uni.makePhoneCall({
								phoneNumber: res.data.hotline
							});
						}
					}
				})
			},



			tabPage(url, needLogin = false) {
				let token = uni.getStorageSync("token")
				if (needLogin && !token) {
					uni.navigateTo({
						url: "../research/register/login"
					})
					return;
				}
				uni.navigateTo({
					url
				})
			},
			// 跳转工作台页面
			goWorkTablePage(page) {
				if (this.isLogin) {
					uni.navigateTo({
						url: page
					})
				} else {
					this.$mUtil.toast("请先登录")
				}
			},

			getcareerInfo() {
				this.$http.get('/account/operating/center/info').then(res => {
					if (res && res.code == 200) {
						this.careerInfo = res.data;

					}
				})
			},
			getTestMethod() {
				// this.$http.get('/order/clearOrderGainsData').then(res => {
				// 	console.log(res,'*-*-*-*-*-*-');
				// })
			}
		},


	}
</script>
<style>
	page {
		background-color: #F5F5F5;
	}
</style>
<style lang="scss" scoped>
	.unTop {
		width: 100%;
		height: 450rpx;
		background: linear-gradient(to bottom, #FCDDD2 30%, #FBF0EB);

		.head-login .name {
			// color: #474747;
			font-weight: 600;
			font-size: 65rpx;
			color: #333333;
			// line-height: 65rpx;
			height: 100%;
			width: 688rpx;
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			align-items: center;

		}
	}

	.top {
		// position: relative;
		width: 100%;
		height: 77rpx;

		// height: 450rpx;
		// height: 77rpx;
		// display: flex;
		// align-items: center;
		// padding-bottom: 86rpx;
		// background: linear-gradient(to bottom, #FF721B 30%, #FFFFFF);
		// border-radius: 0 0 70rpx 70rpx;
		// overflow: hidden;
		.head-login .name {
			color: #000;
			display: flex;
			align-items: center;
		}
	}

	.topLayout {
		// line-height: 81rpx;
		// padding-top: 11rpx;
		padding-left: 19rpx;
		padding-right: 19rpx;
		background-color: #fff;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		position: fixed;
		top: 0;
		z-index: 100;
		width: 100%;

		.nav {
			width: 100%;
			// height: 86rpx;
			// padding: 80rpx 0 0 30rpx;
			// #ifdef MP-WEIXIN
			padding-right: 170rpx;
			padding-bottom: 20rpx;
			// #endif
			display: flex;
			align-items: flex-end;
			justify-content: flex-end;
		}

		.head-login {
			width: 100%;
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			align-items: flex-end;
			padding-bottom: 10px;
			padding-top: 10px;

			.login {
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				align-items: center;
				width: 100%;
				height: 77rpx;

				// background-color: #ffffff;

				// align-items: center;
				.name {
					display: flex;
					flex-direction: column;
					justify-content: flex-start;
					align-items: center;
					font-weight: 600;
					font-size: 31rpx;
					color: #333333;


					.message {
						// color: #474747;
						// width: 160rpx;
						// height: 70rpx;
						// // background: linear-gradient(90deg, #20a635 7%, #108a49);
						// background-color: #ffffff;
						// border-radius: 50rpx 0 0 50rpx;
						// display: flex;
						// align-items: center;
						// padding-left: 20rpx;
						// box-sizing: border-box;
						// margin-top: 53rpx;
						// transform: translateY(-50%);

						// width: 83rpx;
						// height: 27rpx;
						// background: #FFFFFF;
						// border-radius: 10rpx 10rpx 10rpx 10rpx;
						// border: 2rpx solid #FF211F;



						.setup {
							margin-right: 30rpx;
							font-size: 50rpx;
						}

						.setup-one {
							margin-right: 22rpx;
							font-size: 50rpx;
						}

						.iconfont2 {
							font-size: 33rpx;
						}

						.tip {
							font-size: 28rpx;
							font-family: PingFang SC, PingFang SC-Regular;
							font-weight: 400;
							color: #474747;
							margin-left: 8rpx;
						}
					}

				}
			}



			.name {
				// color: rgba(255, 255, 255, 1);

				// color: #FFFFFF;
				font-size: 48rpx;
				margin-left: 31rpx;
				line-height: 100rpx;
				flex: 1;

				font-family: PingFang SC, PingFang SC-Bold;
				// font-weight: 700;


				text {
					line-height: 30rpx;
				}

				.right {

					margin-left: 16rpx;
				}
			}

			image {
				width: 115rpx;
				height: 115rpx;
				// border-radius: 999rpx;
				// margin-left: 30rpx;
			}

			.top-title {
				height: 88rpx;
				line-height: 88rpx;
			}

			.head image {
				width: 106rpx;
				height: 106rpx;
			}


		}
	}

	// .head-login image{
	// 	width:83rpx !important;
	// 	height:27rpx !important;
	// }

	.bgImg {
		width: 100%;

	}

	.position-ab {
		// margin-top: 100rpx;
		// position: absolute;
		// // #ifdef MP-WEIXIN
		// top: -140rpx;
		// // #endif
		// // #ifdef APP-PLUS
		// top: -170rpx;
		// // #endif
		// // #ifdef H5
		// top: -170rpx;
		// // #endif
		// width: 100%;
		// padding-bottom: 150rpx;


		.other {
			width: 688rpx;
			height: auto;
			border-radius: 19rpx 19rpx 19rpx 19rpx;
			margin-top: 19rpx;
			margin-left: 30rpx;
			padding-bottom: 40rpx;


			.option {
				display: flex;

				

				.othernum {
					margin-left: 65rpx;
					margin-top: -10rpx;
					background-color: #ff0000;
					padding: 0px 11rpx;
					border-radius: 100rpx;
					font-weight: 400;
					color: #ffffff;
					font-size: 23rpx;
				}

				.one {
					font-size: 52rpx;
					background: linear-gradient(180deg, #78df6a, #11d688);
					-webkit-background-clip: text;
					color: transparent;
				}

				.two {
					font-size: 50rpx;
					background: linear-gradient(180deg, #dc9c56, #ff7303);
					-webkit-background-clip: text;
					color: transparent;
				}

				.four {
					font-size: 52rpx;
					background: linear-gradient(180deg, #ff5475, #fd4303);
					-webkit-background-clip: text;
					color: transparent;
				}

				.five {
					font-size: 52rpx;
					background: linear-gradient(180deg, #b175f0, #3db3fd);
					-webkit-background-clip: text;
					color: transparent;
				}

				&:last-child {
					margin-right: 0;
				}
			}

			.list {
				// margin-right: 72rpx;
				text-align: center;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				// width: 650rpx;
				// height: 73rpx;
				border-radius: 0rpx 0rpx 0rpx 0rpx;
			}


			.other-top {
				display: flex;
				padding-bottom: 30rpx;
				align-items: center;
				margin-bottom: 30rpx;
				border-bottom: 1rpx solid #e6e6e6;

				.left {
					flex: 1;
					font-size: 36rpx;
					font-weight: Bold;
					color: #474747;
					display: flex;
					align-items: center;
					// line-height: 56rpx;
				}

				.right {
					height: 66rpx;
					border-radius: 20px;
					color: #FFFFFF;
					font-size: 32rpx;
					background: #FF721B;
					text-align: center;
					font-weight: 400;
					line-height: 66rpx;
					font-weight: 400;
					display: flex;
					flex-direction: row;
					justify-content: center;
					align-items: center;
					padding: 0 0 0 20rpx;


					.other-icon {
						color: #999999;
						margin-left: 16rpx;
						font-size: 15rpx;
					}
				}
			}
		}

		.tools {
			.option {
				justify-content: flex-start;

				.list {
					margin-right: 72rpx;

					&:last-child {
						margin-right: 0;
					}
				}
			}
		}

		.community {
			margin-bottom: 100rpx;

			.community-item {
				display: flex;

				.num-and-item {
					width: 25%;
					text-align: center;

					.num {
						font-size: 36rpx;
						font-weight: 700;
						line-height: 30rpx;
						color: #FF0000;
						padding: 32rpx 0 16rpx 0;
					}

					.and-item {
						font-size: 26rpx;
						font-weight: 400;
						color: #1A1A1A;
						line-height: 30rpx;
						padding-bottom: 40rpx;
					}
				}
			}

			padding: 18rpx 30rpx;
			margin: 30rpx 30rpx;
			background-color: #ffffff;
			border-radius: 20rpx;

			.community-top {
				display: flex;
				padding-bottom: 18rpx;
				background-color: #ffffff;
				border-bottom: 1rpx solid #e6e6e6;

				.my-community {
					flex: 1;
					font-size: 30rpx;
					font-weight: 700;
					color: #1a1a1a;
				}

				.community-right {
					font-size: 28rpx;
					font-weight: 400;
					display: flex;
					align-items: center;
					color: #999999;

					.community-right-top {
						color: #999999;
					}

					.community-top {
						font-size: 24rpx;
						font-weight: 400;
					}

					.community-icon {
						// margin-top: 4rpx;
						margin-left: 16rpx;
						font-size: 35rpx;
					}
				}
			}
		}

		.tool {
			margin: 0rpx 30rpx 30rpx 30rpx;
			padding: 18rpx 30rpx;
			background-color: #ffffff;
			border-radius: 20rpx;

			.image-text {
				.list-top {
					display: flex;
					justify-content: space-around;
				}

				.list-bottom {
					display: flex;
					justify-content: space-around;
				}

				.item-one {
					text-align: center;
					width: 25%;

					image {
						text-align: center;
						width: 80rpx;
						height: 80rpx;
						padding: 34rpx 10rpx 14rpx 10rpx;
					}

					.item-name {
						text-align: center;
						font-size: 26rpx;
						font-weight: 400;
						padding-bottom: 44rpx;
						color: #1A1A1A;
					}
				}
			}

			.tool-top {
				padding: 18rpx 0rpx 18rpx 0rpx;
				border-bottom: 1rpx solid #e6e6e6;
				font-size: 30rpx;
				font-weight: 700;
				font-family: 700;
				color: #1a1a1a;
				line-height: 30rpx;
			}

		}

		.wallet-bg {
			position: relative;
			height: 138rpx;
		}

		.wallet-bg .bigBg {
			position: absolute;
			z-index: 0;
			padding: 0 15rpx;
			box-sizing: border-box;
			width: 100%;
			height: 138rpx;
		}

		.wallet image {
			width: 32rpx;
			height: 34rpx;
		}


	}

	.bot-bg {
		// background-color: #E7E7E7;
	}

	.tool-list {
		background-color: white;
		width: 690rpx;
		margin: 0 30rpx;
		padding: 20rpx 30rpx;
		box-sizing: border-box;
		border-radius: 20rpx;

		.item {
			padding: 30rpx;
			box-sizing: border-box;
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-top: 1px solid #e6e6e6;

			&:nth-child(1) {
				border-top: none;
			}

			.left {
				.icon {
					width: 34rpx;
					height: 34rpx;
					margin-right: 24.5rpx;
					vertical-align: middle;
				}

				text {
					font-size: 28rpx;
					font-family: PingFang SC, PingFang SC-Regular;
					font-weight: 400;
					text-align: left;
					color: #1a1a1a;
					vertical-align: middle;
				}
			}

			.right {
				.iconfont {
					font-size: 22rpx;
					line-height: 1;
				}
			}
		}
	}

	.top-data-box {
		padding: 0 60rpx;
		display: flex;
		justify-content: space-between;
		margin-top: 30rpx;

		.item {
			.num {
				font-size: 30rpx;
				font-family: PingFang SC, PingFang SC-Bold;
				font-weight: 700;
				text-align: center;
				color: #ffffff;
				margin-bottom: 5rpx;
			}

			.title {
				font-size: 26rpx;
				font-family: PingFang SC, PingFang SC-Regular;
				font-weight: 400;
				text-align: center;
				color: #c0e6d0;
			}
		}
	}

	.top-data-box2 {
		width: 690rpx;
		margin: 0 auto;
		height: 133rpx;
		background: #ffffff;
		border-radius: 20rpx;
		padding: 30rpx 30rpx;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		align-items: center;

		.item {
			text-align: center;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.icon {
				width: 50rpx;
				height: 50rpx;
				border-radius: 50%;
				background: #138e46;
				margin: 0 auto 0 6rpx;

				&.active {
					background: #FF4141;
				}

				.iconfont2 {
					font-size: 28rpx;
					line-height: 50rpx;
					color: white;
				}
			}

			.title {
				font-size: 28rpx;
				font-family: PingFang SC, PingFang SC-Bold;
				font-weight: 700;
				color: #1a1a1a;
				margin-bottom: 3rpx;
			}

			.tip {
				font-size: 24rpx;
				font-family: PingFang SC, PingFang SC-Regular;
				font-weight: 400;
				color: #808080;
			}
		}
	}

	// 我的资产
	.property {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;

		.property-item {
			margin-top: 23rpx;
			width: 45%;


			.property-num {
				// color: #FF721B;
				// padding-top: 10rpx;
				padding-left: 19rpx;

				.num-min {
					font-size: 27rpx;
					color: #FF211F;
					font-weight: bold;
				}

				.num-max {

					font-weight: bold;
					font-size: 38rpx;
					color: #FF211F;

				}
			}

			.property-text {
				font-family: PingFang SC, PingFang SC-Regular;
				font-weight: 400;
				font-size: 23rpx;
				color: #999999;
				padding-left: 19rpx;
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				align-items: center;

			}
		}
	}

	// 我的钱包
	.my-wallet {
		// width: 100%;
		display: flex;
		justify-content: space-between;
		box-sizing: border-box;
		align-items: center;

		// background-color: #3775F6 !important;
		// background: linear-gradient(240deg, #443B33, #0E0C0A) !important;
		// padding: 30rpx 30rpx 72rpx 30rpx !important;

		.wallet-left {
			color: #FFB26B;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			width: 688rpx !important;

			.wallet-left-title {
				display: flex;
				align-items: center;
				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				align-items: flex-start;

				background-repeat: no-repeat;
				background-size: 100% 100%;
				width: 335rpx !important;
				height: 215rpx !important;


				.wallet-left-icon {
					width: 27rpx;
					height: 27rpx;
					margin-right: 19rpx;
				}

				.wallet-left-title-size {
					font-weight: 500;
					font-size: 23rpx;
					color: #FFFFFF;
				}

				.wallet-left-title-top {
					display: flex;
					flex-direction: row;
					justify-content: flex-start;
					align-items: flex-start;
					padding-left: 19rpx;
					padding-top: 19rpx;
				}

			}

			.wallet-nums {
				// font-size: 24rpx;
				padding-left: 10px;
				font-family: PingFang SC, PingFang SC-Regular;
				font-weight: 400;
				margin-top: 10rpx;
				font-size: 34rpx;
				font-weight: bold;
				color: #FFFFFF;

				.wallet-num {
					font-weight: bold;
					font-size: 38rpx;

					line-height: 58rpx;
				}
			}
		}

		.wallet-look {

			width: 154rpx;
			height: 54rpx;
			background: #FFFFFF;
			border-radius: 38rpx 38rpx 38rpx 38rpx;
			text-align: center;
			font-family: PingFang SC, PingFang SC-Regular;
			font-weight: 600;
			font-size: 23rpx;
			color: #FF211F;
			line-height: 54rpx;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			margin-left: 19rpx;
			margin-top: 30rpx;
		}
	}

	.career {
		// margin: 0 auto 24rpx;
		background: #FFFFFF;
		font-family: PingFang SC, PingFang SC-Bold;
		font-weight: 600;
		font-size: 29rpx;
		color: #333333;
		width: 688rpx;
		height: 167rpx;
		background: #FFFFFF;
		border-radius: 19rpx 19rpx 19rpx 19rpx;
		margin: 0 30rpx;




		.bottomFlex {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding-left: 19rpx;
			margin-top: 23rpx;

		}

		.career-icon {
			font-size: 36rpx;
		}

		.status {
			// margin-bottom: 10rpx;
			font-weight: bold;
			font-size: 23rpx;
			color: #000000;

			text {
				color: #FF211F;
			}
		}

		.look-career {
			width: 195rpx;
			height: 66rpx;
			background: #FF721B;
			// border: 2rpx solid #ffffff;
			font-size: 32rpx;
			border-radius: 41rpx;
			text-align: center;
			line-height: 66rpx;
			color: #ffffff;
		}
	}

	.infoView {
		width: 688rpx;
		height: 73rpx;
		background: #FFFFFF;
		border-radius: 19rpx 19rpx 19rpx 19rpx;
		margin: 0 auto;
		margin-top: 19rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding: 0 19rpx;
		box-sizing: border-box;

		.infoView-left {
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			align-items: center;

		}

		.infoIcon {
			width: 123rpx;
			height: 34rpx;
			margin-right: 26rpx;
		}

		.title {
			font-weight: 400;
			font-size: 23rpx;
			color: #333333;
			line-height: 27rpx;
		}

		.right {
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			align-items: center;

			.dian {
				height: 17rpx;
				width: 2rpx;
			}

			.more {
				font-weight: 400;
				font-size: 23rpx;
				color: #999999;
				margin-left: 15rpx;
			}
		}
	}

	.myAsset {
		width: 688rpx;
		background: #FFFFFF;
		border-radius: 19rpx 19rpx 19rpx 19rpx;
		margin-left: 30rpx;
		margin-bottom: 19rpx;
		padding-bottom: 19rpx;

		.other-top {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			padding: 0 19rpx;
			box-sizing: border-box;
			padding-top: 23rpx;

			.left {
				font-family: MiSans, MiSans;
				font-weight: 600;
				font-size: 29rpx;
				color: #333333;
			}
		}

		.huiRight {
			width: 6rpx;
			height: 11rpx;
			margin-left: 9rpx;
		}

		.right {
			font-weight: 400;
			font-size: 23rpx;
			color: #999999;
			line-height: 38rpx;
		}

		.huiRightXin {
			width: 9rpx;
			height: 19rpx;
			margin-left: 9rpx;
			margin-top: 4rpx;
		}
	}

	.warning {
		width: 22rpx;
		height: 22rpx;
	}

	.jihuo {
		font-weight: 400;
		font-size: 21rpx;
		color: #999999;
		margin-top: 11rpx;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}

	.orderClass {
		width: 688rpx;
		height: 223rpx;
		background: #FFFFFF;
		border-radius: 19rpx 19rpx 19rpx 19rpx;
		margin-top: 19rpx;
		margin-left: 30rpx;
	}

	.label {
		display: flex;
		align-items: center;
		// margin-bottom: 6rpx;
		// margin-left: -8rpx;
		// padding-bottom: 30rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding-left: 19rpx;
		padding-top: 23rpx;
		padding-right: 19rpx;
		box-sizing: border-box;
	}

	.label text:nth-child(1) {
		font-weight: 600;
		font-size: 29rpx;
		color: #333333;
		line-height: 31rpx;


	}

	.label text:nth-child(2) {
		font-weight: 400;
		font-size: 23rpx;
		color: #999999;
		line-height: 38rpx;

	}

	.label text:nth-child(2) image {
		width: 6rpx;
		height: 11rpx;
		margin-left: 9rpx;
	}

	.label-num {
		height: 127rpx;
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin-top: 26rpx;

		.label-num-item {
			width: 229rpx;
			height: 127rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
			padding-top: 19rpx;
			padding-bottom: 21rpx;
			box-sizing: border-box;
		}

		.label-num-item view:nth-child(1) {
			font-weight: bold;
			font-size: 38rpx;
			color: #FF211F;
		}

		.label-num-item view:nth-child(2) {
			font-weight: 400;
			font-size: 25rpx;
			color: #333333;
		}
	}

	.myOrder {
		width: 688rpx;
		height: 223rpx;
		background: #FFFFFF;
		border-radius: 19rpx 19rpx 19rpx 19rpx;
		margin-top: 19rpx;
		margin-left: 30rpx;
	}

	.label-view {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		padding-left: 30rpx;
		padding-right: 15rpx;
		box-sizing: border-box;
	}

	.label-view-item {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		margin-top: 42rpx;
		font-size: 23rpx !important;
		position: relative;
	}

	.label-view-item image {
		width: 46rpx;
		height: 46rpx;
		margin-bottom: 11rpx;
	}


	.my-icon {
		width: 42rpx;
		height: 42rpx;
	}

	.backFff {
		background-color: #fff;
	}

	.certified {
		width: 83rpx !important;
		height: 27rpx !important;
	}

	.headImage {
		height: 77rpx !important;
		width: 77rpx !important;
		margin-right: 15rpx;
		margin-left: 31rpx;
		border-radius: 50%;
	}

	.messageView {
		// width: 92rpx;
		// height: 61rpx;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		width: 400rpx;
	}

	.messageXin {}

	.messageViewText {
		font-weight: 600;
		font-size: 31rpx;
		color: #333333;
		height: 31rpx;
		margin-bottom: 8rpx;
	}

	.backImage {
		background-size: 100% 100%;
		width: 100%;
		height: 325rpx;
	}

	.wallet-numOther {
		font-size: 27rpx;
	}

	.nameView {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		font-weight: 600;
		font-size: 31rpx;
		color: #333333;
		line-height: 31rpx;
	}

	.numValue {
		// position: absolute;
		// top: -18rpx;
		// left: -20rpx;
		background-color: red;
		// padding: 2rpx 10rpx;
		border-radius: 14rpx;
		font-size: 20rpx;
		font-weight: 400;
		color: #ffffff;
		margin-left: 15rpx;
		width: 31rpx;
		height: 31rpx;
		background: #FF211F;
		border-radius: 96rpx 96rpx 96rpx 96rpx;
		border: 2rpx solid #FFFFFF;
		font-weight: 500;
		font-size: 21rpx;
		color: #FFFFFF;
		line-height: 25rpx;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;

	}
	.listView{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding: 0 35rpx;
		box-sizing: border-box;
		// margin-top: 27rpx;
	}
	.name-one {
		font-weight: bold !important;
		font-size: 25rpx;
		color: #333333;
		line-height: 25rpx;
		margin-top: 16rpx;
	}
	.anglenum{
		position: absolute;
		right: -20rpx;
		top:-20rpx;
		width: 30rpx;
		height: 30rpx;
		background-color: red;
		border-radius: 50%;
		color: #fff;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		font-size: 20rpx;

		
	}
</style>